@on: #f938ab;
.left {
    float: left;
}

.right {
    float: right;
}
.mixin(@size){
    font-size:@size;
}








* {
    font-family: "Microsoft Yahei", Tahoma, Verdana, Arial;
    margin: 0px;
    padding: 0px;
}

.two{
    .input{
        width: 485px;
        height: 47px;
        .left;
        margin-top: 10px;
    }
    .jiacu{
        .left;
        .mixin(12px);
        line-height: 64px;

    }
    .image{
        img{
            width: 180px;
            height: 60px;
            .left;
        }
    }
    .two-top{
        height: 64px; 
        width: 1200px;
        margin: 0 auto;
  .nomal{
      display: inline-flex;
      float: left;
      font-size: 12px;
      margin-top: 23px;
      p{
          margin-left: 3px;
      }
  }
    }
    .bottom {
        background: #2587F4;
        width: 1200px;
        height: 42px;
        margin: 0 auto;
        .shouye {
            width: 58px;
            height: 42px;
           .mixin(16px);
            line-height: 42px;
            color: #ffffff;
            .left;
            text-align: center;
            a{
                color: whitesmoke;
            }
        }
        .shouye:hover{
            background: #0072C6;
        }
    }
}



.three {
    background: #f3f3f3;
    width: 100%;
    height: 572px;
    .three-main {
        width: 1200px;
        height: 532px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 auto;
        .left {
            width: 200px;
            background: #ffffff;
            .left;
            .row{
                width: 800px;
                position: relative;
                z-index: 1;
                .right{
                    width: 600px;
                    background: white;
                    padding-left: 0px;
                    font-size: 14px;
                    .tab-pane{
                        border-bottom: #DDDDDD 1px solid ;
                    }

                }
                .left{
                    width: 200px;
                    padding-right: 0px;
                    .lefti{
                        float: left;
                    }
                    .righti{
                        float: right;
                    }
                    i{
                        float: left;
                    }
                    a{
                        background: white;
                        color: black;
                        font-size: 14px;
                        float: left;
                    }
                }
            }
        }

    }

    .middle {
        width: 660px;
        height: 532px;
        margin: 0 20px 0 20px;
        margin-left: 228px;
        .left;
        position: absolute;
        .middle-bottom {
            width: 640px;
            height: 212px;
            padding-left: 20px;
            background: blanchedalmond;
            .left;
            margin-top: 20px;
            .image {
                width: 101px;
                height: 212px;
                .left;
                background: blueviolet;
                margin-right: 20px;
                list-style: none;
            }
            
        }
    }
    .right {
        width: 300px;
        height: 532px;
        .right;
        .right-top {
            width: 300px;
            height: 300px;
            background: #ffffff;
            .photo {
                height: 104px;
                padding: 20px;
                border-radius: 10px;
            }
            img {
                width: 64px;
                height: 64px;
                border-radius: 50%;
                .left;
                margin-right: 20px;
            }
            a {
                text-decoration: none;
                color: #333333;
                line-height: 36px;
            }
            #left {
                .right;
                margin-right: 9px;
            }
            .blue {
                .mixin(12px);
                color: #007AFF;
            }
            .hover {
                width: 300px;
                height: 27px;
                padding-left: 17px;
                border-bottom: #DDDDDD 1px solid;;
            }
            .hoverdiv {
                height: 66px;
                margin: 10px 16px 6px 16px;
                .text {
                    .mixin(12px);
                    height: 66px;
                    line-height: 22px;
                    overflow: hidden;
                    .tright {
                        .right;
                    }
                    .tleft {
                        .left;
                    }
                    
                }
                .image {
                    list-style: none;
                }
                .hoverimg {
                    .left;
                    width: 64px;
                    height: 64px;
                    line-height: 16px;
                    padding: 14px;
                    text-align: center;
                    border: #DDDDDD 2px solid;
                    border-radius: 50%;
                    margin-right: 25px;
                }

            }
            .hoverli {
                width: 68px;
                height: 28px;
                padding: 0 10px 0 10px;
                list-style: none;
                .left;
                margin-right: 16px;
                .mixin(12px);
                .on {
                    width: 68px;
                    height: 28px;
                    border: #DDDDDD 1px solid;
                    border-bottom-color: rgb(221, 221, 221);
                    border-bottom-style: solid;
                    border-bottom-width: 1px;
                    border-bottom: #FFFFFF 1px solid;
                }
            }
            .righttopbottom {
                height: 75px;
                padding: 0 10px;
                .tp {
                    width: 70px;
                    height: 75px;
                    .left;
                    text-align: center;
                    padding: 10px 0;
                    list-style: none;
                    .mixin(12px);
                    i {
                        .mixin(35px);
                        color: #3f9aff;
                    }
                }
            }
        }
        .right-bottom {
            width: 300px;
            height: 212px;
            background: #ffffff;
            margin-top: 20px;
            .top {
                border-bottom: #DDDDDD 1px solid;
                height: 32px;
                padding-left: 16px;
                li {
                    display: inline-block;
                    height: 32px;
                    line-height: 32px;
                    margin-right: 16px;
                    .left;
                    .mixin(14px);
                }
                .on {
                    border-bottom: #007AFF 3px solid;
                    height: 30px;
                    line-height: 32px;
                    color: #007AFF;
                }
                
            }
            .bottom {
                height: 150px;
                margin: 10px 16px;
                li {
                    list-style: none;
                    .mixin(12px);
                    height: 25px;
                    line-height: 25px;
                    overflow: hidden;
                }
                .bottomleft {
                    .left;
                }
                .bottomright {
                    .right;
                }
                
            }
        }

    }
}



.four {
    height: 2427px;
    background: #FFFFFF;
    .four-main {
    width: 1200px;
    height: 2427px;
    margin: 0 auto;
    .top {
        padding: 0 6px 10px 6px;
        border-bottom: #DDDDDD 1px solid;
        margin-bottom: 20px;
        height: 40px;
    }
    }
}





.four .four-main .top .topright {
   .right;
    list-style: none;
    line-height: 44px;
    .mixin(14px);
    margin-right: 10px;
}

.four .four-main .top .topleft {
    .left;
    line-height: 44px;
    .mixin(18px);
}

.four .four-main .first {
    overflow: hidden;
    border: #DDDDDD 1px solid;
    margin-bottom: 20px;
    height: 572px;
    background: #F2F2F2;
    width: 1200px;
}



.four .four-main .firstleft {
    width: 197px;
    height: 800px;
    border-right: #DDDDDD 1px solid;
    .left;
    background: #F2F2F2;
}

.four .four-main .firsttitle {
    margin: 20px 0 10px 20px;
    .mixin(18px);
}

.four .four-main .firstleft li {
    width: 78px;
    padding-left: 20px;
    height: 32px;
    line-height: 32px;
    .mixin(14px);
    overflow: hidden;
    list-style: none;
}

.four .four-main .firstleft .fleft {
    width: 70px;
    height: 800px;
    .left;
}

.four .four-main .firstleft .fright {
    width: 70px;
    height: 800px;
    .right;
    margin-right: 20px;
}

.four .four-main .firstright .rightimage {
    width: 179px;
    border: #FFFFFF 1px solid;
    margin: 20px 0 0 20px;
    padding: 20px;
    height: 254px;
    .left;
    background: #FFFFFF;
    list-style: none;
}

.four .four-main .firstright .rightimage .image {
    width: 134px;
    height: 134px;
    text-align: center;
}

.four .four-main .firstright .rightimage .money {
    display: block;
    height: 30px;
    line-height: 40px;
    color: #FF6600;
    .mixin(14px);
}

.four .four-main .firstright .rightimage .jieshao {
    height: 40px;
    line-height: 20px;
    margin: 0;
    overflow: hidden;
    .mixin(12px);
}

.five {
    height: 510px;
    background: #FFFFFF;
}

.five .five-main {
    width: 1200px;
    height: 510px;
    margin: 0 auto;
}

.five .five-main .top {
    padding: 0 6px 10px 6px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    height: 40px;
}

.five .five-main .top .topright {
    .right;
    list-style: none;
    line-height: 44px;
    .mixin(14px);
    margin-right: 10px;
}

.five .five-main .top .topleft {
    .left;
    line-height: 44px;
    font-size: 18px;
}

.five .five-main .fiveleft {
    width: 200px;
    height: 231px;
    .left;
    border: #DDDDDD 1px solid;
    background: #F2F2F2;
    padding: 19px;
    margin-bottom: 20px;
}

.five .five-main .fiveleft .fivetop {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    .mixin(16px);
    margin: 0 0 20px 0;
}

.five .five-main .fiveleft img {
    width: 160px;
    height: 120px;
}

.five .five-main .fivemiddle {
    width: 472px;
    .left;
    margin: 0 30px;
}

.five .five-main .fivemiddle li {
    list-style: none;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    padding: 0 16px 0 16px;
}

.five .five-main .fivemiddle .zixunleft {
    .left;
}

.five .five-main .fivemiddle .zixunright {
    .right;
}

.five .five-main .fiveright {
    width: 468px;
    height: 464px;
    .left;
}

.five .five-main .fiveright .fiverighthead {
    padding: 0 6px 10px 6px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    width: 456px;
    height: 30px;
}

.five .five-main .fiveright .fiverighthead a {
    .left;
    text-decoration: none;
    font-size: 18px;
    color: black;
    line-height: 20px;
}

.five .five-main .fiveright .fiverighthead .more {
    .right;
    font-size: 14px;
    line-height: 20px;
}

.five .five-main .fiveright .fiveimage {
    width: 136px;
    margin: 0 20px 20px 0;
    .left;
}

.five .five-main .fiveright .fiveimage .fiveimagetext {
    font-size: 12px;
}

.five .five-main .fiveright .fiveimage li {
    list-style: none;
}

.qiyefuwu {
    width: 1200px;
    height: 450px;
    margin: 0 auto;
}

.qiyefuwu .head {
    padding: 0 6px 10px 6px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    height: 30px;
}

.qiyefuwu .head .headleft {
    .left;
    font-size: 18px;
    line-height: 15px;
}

.qiyefuwu .head .headright {
    .right;
    list-style: none;
    line-height: 15px;
    font-size: 14px;
    margin-right: 10px;
}

.qiyefuwu .pingpailunbo {
    border: #DDDDDD 1px solid;
    background: #F2F2F2;
    padding: 19px;
    margin-bottom: 20px;
    width: 160px;
    height: 460px;
    .left;
}

.qiyefuwu .qiyefuwumiddle {
    width: 472px;
    .left;
    margin: 0 30px;
}

.qiyefuwu .zhanhui .title {
    padding: 0 6px 10px 6px;
    line-height: 28px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    width: 460px;
    height: 30px;
}

.qiyefuwu .zhanhui .zhanhuititle {
    font-size: 18px;
    .left;
}

.qiyefuwu .zhanhui .more {
    font-size: 18px;
    .right;
}

.qiyefuwu .zhanhui .neirong {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    padding: 0 16px 0 16px;
}

.qiyefuwu .zhanhui .neirongleft {
    .left;
}

.qiyefuwu .zhanhui .neirongleft p {
    line-height: 32px;
    font-size: 16px;
}

.qiyefuwu .zhanhui .neirongright {
    .right;
}

.qiyefuwu .zhanhui .neirongright p {
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 0px;
}

.qiyefuwu .qiyefuwuright {
    width: 468px;
    height: 500px;
    .left;
}

.qiyefuwu .qiyefuwuright .title {
    padding: 0 6px 10px 6px;
    line-height: 28px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    width: 460px;
    height: 30px;
}

.qiyefuwu .qiyefuwuright .title .more {
    font-size: 16px;
    .right;
}

.qiyefuwu .qiyefuwuright .zhidaotitle {
    line-height: 32px;
    font-size: 18px;
    .left;
}

.qiyefuwu .qiyefuwuright .neirong {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    padding: 0 16px 0 16px;
    list-style: none;
}

.qiyefuwu .qiyefuwuright .neirongbottom {
    padding-bottom: 20px;
}

.qiyefuwu .qiyefuwuright .neirongleft {
    .left;
}

.qiyefuwu .qiyefuwuright .neirongleft p {
    line-height: 32px;
    font-size: 16px;
}

.qiyefuwu .qiyefuwuright .neirongright {
    .right;
}

.qiyefuwu .qiyefuwuright .neirongright p {
    line-height: 32px;
    font-size: 12px;
}

.qiyefuwu .qiyefuwuright .xiazai {
    width: 136px;
    height: 151px;
    margin: 0 20px 20px 0;
    .left;
}

.qiyefuwu .qiyefuwuright li {
    list-style: none;
}

.qiyefuwu .qiyefuwuright .xiazaiimage {
    width: 130px;
    height: 102px;
}

.qiyefuwu .qiyefuwuright .xiazai .neirong {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.shangquan {
    border: #DDDDDD 1px solid;
    height: 240px;
    overflow: hidden;
    margin-bottom: 20px;
    width: 1200px;
    height: 240px;
    margin: 0 auto;
}

.shangquan .shangquantop {
    height: 48px;
    line-height: 48px;
    border-bottom: #DDDDDD 1px solid;
    padding: 0 10px 0 20px;
}

.shangquan .shangquantop .shangquantitleright {
    .right;
    list-style: none;
    line-height: 44px;
    font-size: 14px;
    margin-right: 10px;
}

.shangquan .shangquantop .shangquantitleleft {
    .left;
    line-height: 44px;
    font-size: 18px;
}

.shangquan .shangquanbottom .shangquanli {
    width: 150px;
    height: 150px;
    padding: 20px 0;
    .left;
    text-align: center;
}

.shangquan .shangquanbottom .shangquanli img {
    width: 86px;
    height: 86px;
    border-radius: 50%;
    padding: 2px;
    border: #DDDDDD 2px solid;
}

.shangquan .shangquanbottom .shangquanli li {
    list-style: none;
}

.shangquan .shangquanbottom .shangquanli .sqbottomtitle {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 16px;
    margin: 0;
}

.shangquan .shangquanbottom .shangquanli .fensi {
    height: 32px;
    width: 90px;
    line-height: 32px;
    overflow: hidden;
    margin: 0 auto;
}

.shangquan .shangquanbottom .shangquanli .fensi .sqbottomzhuti {
   .left;
    font-size: 12px;
    color: #999999;
}

.shangquan .shangquanbottom .shangquanli .fensi .sqbottomfensi {
    .right;
    font-size: 12px;
    color: #999999;
}
.youqinglianjie{
    width: 1200px;
    margin: 0 auto;
}
.youqinglianjie .title {
    padding: 0 6px 10px 6px;
    line-height: 28px;
    border-bottom: #DDDDDD 1px solid;
    margin-bottom: 20px;
    clear: both;
    height: 39px;
}

.youqinglianjie .title strong {
    .left;
    font-size: 18px;
}

.youqinglianjie .title .yqright {
    .right;
    font-size: 14px;
}

.youqinglianjie .yqmiddle {
    padding-left: 20px;
}

.youqinglianjie .yqmiddle li {
    list-style: none;
    .left;
}

.yqmiddle .yqljdiv {
    padding: 0 20px 20px 0;
    .left;
    font-size: 12px;
}

.youqinglianjie .yqljbottom {
    background: #EEEEEE;
    padding: 0 10px;
    text-align: center;
    height: 48px;
    line-height: 20px;
    overflow: hidden;
    color: #666666;
    width: 1200px;
}

.youqinglianjie .yqljbottom .bottom-main {
    width: 800px;
    margin: 0 auto;
}

.youqinglianjie .yqljbottom .bottom-main li {
    list-style: none;
    .left;
    width: 60px;
    font-size: 12px;
}

.wangzhanweibu p {
    font-size: 12px;
}

.wangzhanweibu .top {
    width: 379px;
    margin: 0 auto;
    padding: 10px;
}

.wangzhanweibu .middle {
    color: @on;
    width: 532px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.wangzhanweibu .bottom {
    color: @on;
    width: 322px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.wangzhanweibu .tubiao {
    width: 169px;
    margin: 0 auto;
}